<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie-edge">
    <!--可视区域-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <!--删除默认的iphone工具栏和菜单栏-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 作用是控制iphone状态栏显示样式-->
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <!--telephone=no就禁止了把数字转化为拨号链接！-->
    <meta content="telephone=no" name="format-detection" />
    <title>have a good night - myzhbit</title>
    <link href="css/normalize.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <script src="js/jqurey.min.js"></script>
</head>

<body>
<div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'>
    <img src="img/01.jpg">
</div>
<div class="container" id="container">
    <div class="animation">
        <div class="start start_1"></div>
        <div class="start start_2"></div>
        <div class="start start_3"></div>
        <div class="start start_4"></div>
        <div class="start start_5"></div>

    </div><!--动画结束标签-->
    <div class="center_content">
        <div class="get_transition">
                <span class="div1">
                    <img class="wirter" src="img/wirter_letter.png" alt="" onclick="turnright()">
                </span>
                <span class="div2">
                    <img class="have" src="img/have_letter.png" alt="" onclick="turnleft()">
                </span>
            <div class="bottom_content">
                <span class="bottom"></span>
            </div>
        </div>
        <div class="show_content" id="_show_content">
            <div class="in_content">
                <form method="POST">
                    <input class="input_password" type="text"  id="input" placeholder="设置1-6位暗语" />
                </form>
                <div><textarea id="inputText" placeholder="写下北鼻你想对Ta说的晚安语吧..." maxlength="100" required="required"></textarea></div>

                <img class="data_done" id="save" src="img/suerbutton.png" alt="确定">
            </div>
            <div class="out_content">
                <form method="POST">
                    <input class="input_password" type="text" maxlength="6" id="input-20" placeholder="输入1-6位暗语" />
                </form>
                <!--  <img class="close clearfix" id="close_2" src="img/x.svg" alt="close">-->
                <textarea id="output_text" readonly="readonly"></textarea>
                <img class="data_done done_2" id="search" src="img/suerbutton.png" alt="确定">
            </div>
        </div>
        <!--  </div>-->
        <div class="game_using">
            <a href="http://mp.weixin.qq.com/s?__biz=MjM5MDkyMTE4MA==&mid=516064441&idx=1&sn=e4af20ab0f060db27cd630463258e29d&chksm=3d8b5c0a0afcd51c882020e6daa8fe3a2915a6b1f10a52f70854faa5590a7cdcadcc45e3e8ed&mpshare=1&scene=1&srcid=1023WgrvknZO4BtJ8H9WuQZf#rd"><img class="game_using_pic" src="img/game_using.png">
                <p class="game_get">玩法介绍</p></a>
        </div>
    </div><!--整体结束标签-->
</div>
<script src="js/ajax.js"  type="text/javascript"></script>
<script src="js/try00.js" type="text/javascript"></script>
</body>
</html>